@import '../mixin/flex.scss';
@import '../mixin/hr.scss';

.card {
    overflow: hidden;
    
    &__header--hot {
        font-size: $uni-font-size-sm;
        padding: 0 8upx;
        color: #fff;
        background-color: $uni-color-error;
        border-radius: 4upx;
    }

    &__header--sub {
        color: $uni-color-error;
        font-size: $uni-font-size-sm;
    }

    &__header--img {
        display: block;
        width: 100%;
        height: 200upx;
    }
    
    &__footer{
        @include flex(center, center);
        position: relative;
        padding: 16upx 0;
        color: $uni-text-color-grey;
        font-size: 22upx;
        
        &::after{
            @include hr(top);
        }
    }
}